﻿@using MvcSiteMapProvider.Web.Html
@{
    ViewBag.Title = "Liên hệ";
}
<!-- BREADCRUMBS -->
<div class="inner-action-bar">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <div class="breadcrumbs">
                    @Html.MvcSiteMap().SiteMapPath()
                </div>
            </div>
        </div>

    </div>
</div>
<!-- /BREADCRUMBS -->
<!-- SIDEBAR + MAIN CONTENT CONTAINER -->
<div class="main-content">
    <div class="container">
        <div class="row">
            <!-- SIDE BAR -->
            <div class="col-xs-12 col-sm-4 col-lg-3 side">

                <div class="section">
                    <div class="products-container portrait featured">
                        <div class="product">
                            <a href="#" class="product-link clearfix">
                                <div class="product-thumbnail">
                                    <img src="~/Content/Home/img/featured/thumbnail/3.jpg" alt="" />
                                </div>
                                <div class="product-info clearfix">
                                    <h3 class="title">Bạn có nguồn hàng?</h3>
                                </div>
                            </a>
                        </div>
                        <div class="product">
                            <a href="#" class="product-link clearfix">
                                <div class="product-thumbnail">
                                    <img src="~/Content/Home/img/featured/thumbnail/5.jpg" alt="" />
                                </div>
                                <div class="product-info clearfix">
                                    <h3 class="title">Bạn muốn kiếm thêm thu nhập?</h3>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>

            </div>
            <!-- /SIDE BAR -->

            <!-- MAIN CONTENT -->
            <div class="col-xs-12 col-sm-8 col-lg-9 main">

                <!-- GOOGLE MAP -->
                <div class="section">
                    <iframe width="100%" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=d&amp;source=s_d&amp;saddr=&amp;daddr=21.59207,105.829527&amp;hl=en&amp;geocode=&amp;sll=21.591402,105.830129&amp;sspn=0.006235,0.009903&amp;mra=mift&amp;mrsp=1&amp;sz=17&amp;ie=UTF8&amp;t=m&amp;ll=21.591402,105.830129&amp;spn=0.006235,0.009903&amp;output=embed"></iframe>
                    @*<div id="contact-map" class="google-map" data-lat="21.593148" data-lng="105.827458" data-mlat="0.003117" data-mlng="0.004951"></div>*@
                </div>
                <!-- /GOOGLE MAP -->

                <!-- CONTACT FORM -->
                <div class="section">
                    <h4 class="section-title">Thông tin liên hệ</h4>
                    <div class="section-body">
                        <div class="space20"></div>
                        <form id="contact-form" class="form-horizontal contact">
                            <div class="form-group">
                                <div class="col-xs-12 col-sm-12 col-md-9">
                                    <input type="text" class="form-control" id="inputName" name="name" data-validate="^[ا-ی\w\s]{2,30}$">
                                </div>
                                <label for="inputName" class="col-xs-12 col-sm-3 required">Tên</label>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-12 col-sm-12 col-md-9">
                                    <input type="text" class="form-control" id="inputEmail" name="email">
                                </div>
                                <label for="inputEmail" class="col-xs-12 col-sm-3 required">Địa chỉ email</label>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-12 col-sm-12 col-md-9">
                                    <input type="text" class="form-control" id="inputSubject" name="subject">
                                </div>
                                <label for="inputSubject" class="col-xs-12 col-sm-3 control-label">Tiêu đề</label>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-12 col-sm-12">
                                    <textarea class="form-control" name="message" data-validate=".{2,400}$"></textarea>
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-xs-12 col-sm-12">
                                    <button class="btn btn-primary">Gửi Đi</button>
                                </div>
                            </div>
                        </form>

                        <!-- CONTACT FORM ALERTS -->
                        <div class="alert alert-success" id="contact_success" style="display: none;">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <div class="alert-icon">
                                <span class="icon-ok"></span>
                            </div>
                            <div class="alert-inner">
                                <strong>Thanks,</strong> your message recieved successfully. We'll get back to you as soon as possible.
                            </div>
                        </div>
                        <!-- /success msg -->

                        <div class="alert alert-error" id="contact_fail" style="display: none;">
                            <button type="button" class="close" data-dismiss="alert">&times;</button>
                            <div class="alert-icon">
                                <span class="icon-close"></span>
                            </div>
                            <div class="alert-inner"></div>
                        </div>
                        <!-- /error msg -->
                        <!-- /CONTACT FORM ALERTS -->

                    </div>
                </div>
                <!-- /CONTACT FORM -->

            </div>

        </div>

    </div>
</div>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
